* {
    margin: 0;
    padding: 0;
}

li,
ol,
ul {
    list-style: none;
}

.mian-nav .main-head-inner li a:hover {
    color: #f10180;
}

.mian-nav .main-head-inner li:nth-child(1) a:hover {
    color: #fff;
}


.header {
    width: 100%;
    height: 173px;
    /* background-color: aquamarine; */
    position: relative;
    z-index: 999;
    color: #333;
    font: 12px/1.5 "";
    margin: auto
}

.header a {
    text-decoration: none;
    vertical-align: top;
}


.top-nav {
    position: relative;
    z-index: 103;
    height: 30px;
    line-height: 27px;
    background-color: #f5f5f5;
    color: #777;
}


.head-logo {
    height: 100px;
    background-color: #fff;
}

.mian-nav {
    height: 43px;
    clear: both;

    position: relative;
    height: 43px;
    line-height: 43px;
    background-color: #fff;
    font-size: 14px;
    color: #fff;
}

.top-nav-inner {
    width: 1000px;
    height: 28px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
    /* clear: both; */

}


.head-logo-inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    clear: both;

}

.area-header {
    /* width: 86px; */
    height: 28px;
    display: inline-block;
    position: relative;
    z-index: 10;
    vertical-align: top;
    color: #333;
    *float: left;
}

.top-nav-tool {
    float: right;
    /* width: 810 px; */
    height: 29px;
}

.top-nav-tool li {
    float: left;
}

.wp-login,
.wp-register,
.top-nav-tool .wp-order,
.top-nav-tool .wp-phone,
.top-nav-tool .wp-service,
.top-nav-tool .wp-sign,
.top-nav-tool .wp-user,
.wp-fav-nav,
.wp-vipclub,
.wp-phone,
.wp-phone {
    position: relative;
    border: transparent 1px solid;

}

.wp-login {
    /* width: 51px; */
    height: 27px;
    padding: 0 5px 0 15px;
}

.wp-register {
    width: 24px;
    height: 27px;
    padding: 0 20px 0 10px;

}

.wp-sign {
    width: 66px;
    height: 26px;
    padding: 0 17px 0 10px;

}

.wp-order {
    width: 48px;
    height: 27px;
    padding: 0 20px 0 13px;

}

.wp-fav-nav {
    width: 60px;
    height: 26px;
    padding: 0 20px 0 13px;

}

.wp-vipclub {
    width: 72px;
    height: 26px;
    padding: 0 20px 0 13px;

}

.wp-service {
    width: 70px;
    height: 26px;
    padding: 0 20px 0 13px;

}

.wp-phone {
    width: 51px;
    height: 26px;
    padding: 0 20px 0 13px;

}

.wp-more {
    width: 65px;
    height: 26px;
    padding: 0 20px 0 13px;

}

/* .top-nav-tool li i {
    content: "\f034e"; */

/* nav-tool li i {
    display: block;
        margin-top: 5px;
        width: 0;
        height: 0;
        line-height: 0;
        vertical-align: middle;
        border-width: 4px;
        border-color: #999 transparent transparent transparent;
        border-style: solid dashed dotted dashed;
    } */



.top-nav-tool>li::after {

    background-image: url(../images/sprites-hash-06206acd.jpg);
    background-position: -207px -184px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    right: -5px;
    z-index: 1;
    content: '';
}

.top-nav-tool>li:last-child::after {
    display: none;
}

.head-c-logo {
    width: 160px;
    height: 100px;
    display: inline;
    position: relative;
    float: left;
    z-index: 1;
    margin-right: 1px;
}

.head-c-logo img {
    width: 160px;
    height: 100px;

}

.header-service {
    width: 308px;
    height: 100px;
    display: inline;
    position: relative;
    z-index: 1;
    float: left
}

.clearfix::after {
    content: "";
    display: block;
    /* height: 0; */
    clear: both;
}

/* visibility: hidden;} */

.header-service a {
    width: 100px;
    height: 100px;
    display: inline-block;
    position: relative;
    z-index: 2;

}

.header-service img {
    width: 304px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

}

.head-cart {
    display: inline;
    position: relative;
    z-index: 9;
    float: right;
    margin-top: 33px;
    margin-left: 15px;
    width: 96px;
}

.tool {
    position: relative;
    z-index: 1;
    padding-right: 33px;
    padding-left: 25px;
    width: 36px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: #f6f7f9;
    border-radius: 2px;
}


.tool a .contin-cons {
    position: absolute;
    top: 8px;
    right: 3px;
    z-index: 1;
    border-radius: 9px;
    height: 16px;
    width: 24px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    background-color: #f00581;
}

.icon-gouwudai {
    width: 12px;
    height: 17px;
    position: absolute;
    top: 0px;
    left: 6px;
    z-index: 1;
}

.c-search {
    display: inline;
    float: right;
    position: relative;
    margin-top: 33px;
    width: 391px;
}

.c-search-form {

    position: relative;
    z-index: 2;
    width: 387px;
    height: 32px;
    border: 2px solid #fa2a83;
    border-radius: 3px;
    background-color: #fff;
}

.c-search-form input {
    padding: 2px 12px;
    /* margin-top: -1px; */
    width: 311px;
    height: 28px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
}

.c-search-form input:focus {
    outline: 0 none;
}

.c-search-heatword ul {
    height: 20px;
    overflow: hidden;
    margin: 2px;
}

.c-search-heatword ul li {
    display: inline-block;
    margin-right: 6px;
    color: #999;
}

.c-search-heatword ul li a {
    color: #f10180;
}

.c-search-heatword ul li span {
    margin-right: 6px;
    color: #ccc;
}

.searchbtn {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 6px;
    width: 53px;
    height: 26px;
    text-align: center;
    background-color: #fa2a83;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.searchbtn span {
    color: white;
    width: 26px;
    height: 26px;
    display: inline-block;

}

.main-head-inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    clear: both;

}

.main-head-inner ul {
    height: 43px;

}

.main-head-inner ul li {
    float: left;
    position: relative;
    /* z-index: 8; */
    height: 43px;
}

.main-head-inner ul .shop {
    background-color: #f10180;
    width: 156px;
    height: 43px;
    margin-right: 20px;
}

.main-head-inner ul li a {
    display: block;

    padding: 0 10px;
    text-align: center;
    color: #333;

    font-size: 16px;
    white-space: nowrap;
}

.main-head-inner ul .shop a {
    color: #fff;
    height: 43px;
}

.main-head-inner ul li:nth-child(2) a {
    cursor: default;
    font-weight: 700;
    color: #f10180;
}

.icon-xiajiantou {
    color: #333;
}

.brand-wrap {
    width: 1520px;
    height: auto;

    padding: 15px 0 0;
    overflow: hidden;
    width: auto;

}

.shop-sort {
    width: 1215px;
    /* height: 1450px; */

    margin: 0 auto 30px;
    position: relative;

}

/* .shop-item {

    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
} */

.shop-sort img {
    width: 570px;
    height: 273px;
    vertical-align: top;
}

.shop-sort>div {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 30px;
}


.brand-name {
    margin-top: 18px;
    cursor: pointer;
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 540px;
    display: block;
}

.brand-num-discount {
    font-size: 26px;
    color: #f03867;
}

.brand-str-discount {
    margin-right: 10px;

}

.showmore {
    text-align: center;
    width: 1200px;
    height: 44px;
    margin-top: 30px;
}

.showmore span {

    background-color: #f10180;
    color: #fff;
    cursor: pointer;
    margin: 0 3px;
    border-radius: 3px;
    padding: 0 36px 0 36px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    display: inline-block
}

.footer {
    width: 100%;
    height: 100%;
    /* background-color: #ff0; */
    font: 12px/1.5px "微软雅黑"

}

.footer-inner {
    width: 960px;
    height: 466px;
    overflow: hidden;
    background-color: white;
    position: relative;
    margin: auto;

}

.footer-inner ul li {
    width: 120px;
    height: 105px;
    float: left;
}

.footer-vip {
    overflow: hidden;
    margin-left: 79px;
}

.vip-01,
.vip-02,
.vip-03,
.vip-04,
.vip-05,
.vip-06,
.vip-07 {
    display: block;
    margin-top: 30px;
    margin-right: 38px;
    margin-left: 10px;
    width: 72px;
    height: 75px;
    font-size: 0;
    text-indent: -100%;
    background: url(../images/footer_common_20200705-hash-2a8e96cf.png) no-repeat 0 0;
}

.footer-list {
    width: 976px;
    height: 146px;
    overflow: hidden;
    zoom: 1;
    margin: 37px 0 25px;
    line-height: 20px;
    font: 12px "微软雅黑"
}

.footer-list dl {
    float: left;
    width: 145px;
    height: 146px;
    padding-left: 14px;
    border-right: 1px solid #e0e0e0;
}

.footer-list img {
    width: 100px;
    height: 100px;
}

.footer-vip .vip-02 {
    background-position: -123px 0;
}

.footer-vip .vip-03 {
    background-position: -245px 0;
}

.footer-vip .vip-04 {
    background-position: -369px 0;
}

.footer-vip .vip-05 {
    background-position: -492px 0;
}

.footer-vip .vip-06 {
    background-position: -615px 0;
}

.footer-vip .vip-07 {
    background-position: -738px 0;
}

.footer-list dl {
    float: left;
    width: 145px;
    height: 146px;
    padding-left: 16px;
    border-right: 1px solid #e0e0e0;
}

.footer-list dt {
    margin-bottom: 4px;
    color: #4d4d4d;
}

.footer a {
    color: grey;

    font-family: "微软雅黑";
}

.footer a:hover {
    color: #f10180;
}

.footer-list dd {
    padding-left: 8px;
    background: url(../images/footer-hash-3de6f1ae.png) no-repeat -6px -494px;
}

.footer-list dl:nth-last-child(1) dd {
    padding-left: 1px;
    background: none
}

.footer-list dd:hover {
    background-position: -5px -513px;
    color: #f10180;
    transform: translateX(3px);
    /* transition: 1s; */
}


.footer-infor {
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.footer-infor-link {
    background-color: #d7237e;
    line-height: 30px;
    width: 960px;
    height: 30px;
    font: "微软雅黑"
}

.footer-infor-link a {
    margin-left: 2px;
    margin-right: 2px;
    color: #fff;
}

.footer-info-text {
    width: 960px;
    height: 95px;
    color: #999;
    margin: 14px 0;
    line-height: 19px;
}

.footer-ft {

    padding: 4px 0 4px;
    background-color: #fff;

}

.footer-ft p {
    margin: 0 auto;
    width: 960px;
    height: 40px;
    text-align: center;
    overflow: hidden;

}

.ft-picture-01,
.ft-picture-03 {
    display: inline-block;
    margin-right: 9px;
    height: 40px;
    background-image: url(../images/footer-hash-3de6f1ae.png);
    background-repeat: no-repeat;

}

.ft-picture-01 {
    width: 99px;
    background-position: 0 -150px;
}

.ft-picture-03 {
    width: 76px;
    background-position: 0 -450px;
}

.ft-picture-02 {
    display: inline-block;
    display: inline;
    margin-right: 9px;
    height: 40px;
    background-image: url(//projec/public/images/footer_common_20200705-hash-2a8e96cf.png);
    background-repeat: no-repeat;
    width: 76px;
}

.footer-ft p img:nth-child(1) {
    width: 76px;
    height: 40px;
    margin: 0 9px 0 0;
}

.footer-ft p .p2 {
    width: 75px;
    height: 27px;
    margin: 6px 0 0;
}

.carousel {
    width: 1146px;
    height: 400px;
    border: 10px solid #000;
    position: relative;
    margin: 50px auto;
    overflow: hidden;
}

.carousel ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.carousel ul li {
    float: left;
}

.carousel ul li a img {
    width: 1146px;
    height: 400px;
}

.carousel ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 20px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .7);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}

.carousel ol li {
    width: 10px;
    height: 10px;
    float: left;
    margin: 5px;
    background-color: #000;
    border-radius: 50%;
}

.carousel>a {
    width: 20px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel>a.leftBtn {
    left: 0
}

.carousel>a.rightBtn {
    right: 0
}

.carouselbg {
    background: url(../images/banner.big.jpg) center top no-repeat;
    width: 100%;
}
.ding{
    width: 30px;
    height:30px;
    position: fixed;
   right: 10px;
    bottom: 20%;
    z-index: 11;
    display: none;
   
    background-color: #f03867;
}